<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<style type="text/css">
html, body {
    height: 100%;
    width: 100%;
    position: fixed;
    overflow: hidden;
}

body {
    font-family: Tahoma,Helvetica,"Microsoft Yahei";
    padding: 0;
    margin: 0;
}
#root {
    width: 100%;
    height: 100%;
}

.gjfjUk {
    background: rgb(19,46,123);
    background: -webkit-linear-gradient(315deg,rgba(19,46,123,1) 0%,rgba(0,201,202,1) 100%);
    background: -o-linear-gradient(315deg,rgba(19,46,123,1) 0%,rgba(0,201,202,1) 100%);
    background: linear-gradient( 135deg,rgba(19,46,123,1) 0%,rgba(0,201,202,1) 100% );
    height: 100%;
}
.jJIFrd {
    position: absolute;
    top: 5%;
    width: 75%;
    height: 100px;
    margin: auto;
    left: 0px;
    right: 0px;
}

.jJIFrd .logo {
    height: 100%;
    width: 100%;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.dlhSnq {
    width: 80%;
    height: calc(100% - 46px);
    display: table;
    margin: auto;
    position: relative;
    min-height: 350px;
}

.dlhSnq {
    width: 80%;
    height: calc(100% - 46px);
    display: table;
    margin: auto;
    position: relative;
    min-height: 350px;
}
.dlhSnq .login-wrapper {
    display: table-cell;
    vertical-align: middle;
}


.dlhSnq .login-wrapper .input-field {
    border-radius: 2rem;
    height: 2.5rem;
    width: 100%;
    background-color: #fff;
    margin: 10px auto;
    position: relative;
}

input:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], input[type="tel" i], input[type="url" i], input[type="text" i] {
    padding: 1px 0px;
}

input[type="password" i] {
    -webkit-text-security: disc !important;
}

input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb !important;
}
.dlhSnq .login-wrapper .input-field label.username {
    background: url() center / contain no-repeat;
}

.dlhSnq .login-wrapper .input-field label.password {
    background: url() center / contain no-repeat;
}

.dlhSnq .login-wrapper .input-field label.verify {
    background: url(../css/mobi/img/ic_login_verify.png) center / contain no-repeat;
}


.dlhSnq .login-wrapper .input-field label {
    position: absolute;
    font-size: 0px;
    width: 20px;
    height: 20px;
    left: 25px;
    top: 10px;
}

.dlhSnq .login-wrapper .input-field input {
    width: 100%;
    height: 100%;
    text-align: left;
    padding-left: 55px;
    box-sizing: border-box;
    background-color: transparent;
    font-size: 14px;
    border-radius: 2rem;
    outline: none;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}



input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #ccc;
    font-size: 14px;
}
.dlhSnq .login-wrapper .input-field a {
    display: block;
    position: absolute;
    font-size: 0px;
    width: 20px;
    height: 20px;
    right: 25px;
    top: 10px;
}

a {
    color: #666;
    text-decoration: none;
}

.dlhSnq .login-wrapper .input-field .verify-code {
    position: absolute;
    right: 16px;
    top: 7px;
    width: 70px;
}


.dlhSnq .login-wrapper .btn.outline {
    border: 1px solid #fff;
    font-size: 14px;
}

.dlhSnq .login-wrapper .btn {
    width: 100%;
    display: block;
    border-radius: 2rem;
    background-color: transparent;
    border: 0;
    outline: none;
    color: #fff;
    height: 40px;
    margin: 10px auto;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
}


.rough_lines {
    width: 100%;
    height: 10px;
    background-color: #ebebeb;
    box-shadow: inset 0px 1px 1px #bbb;
}

.gjfjUk .footer {
    position: relative;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    background-color: #fff;
}

.gjfjUk .footer ul {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    height: 40px;
    line-height: 35px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.gjfjUk .footer ul li {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    text-align: center;
    padding: 0 3px;
}


.gjfjUk .footer ul li .footer-btn {
    background-color: rgb(136, 136, 136);
    color: rgb(255, 255, 255);
    font-size: 10px;
    border-radius: 5px;
    padding: 6px 15px;
}




</style>
<style type="text/css">
.swal-icon--error{border-color:#f27474;-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}.swal-icon--error__x-mark{position:relative;display:block;-webkit-animation:animateXMark .5s;animation:animateXMark .5s}.swal-icon--error__line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal-icon--error__line--left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal-icon--error__line--right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}@-webkit-keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@-webkit-keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.swal-icon--warning{border-color:#f8bb86;-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}.swal-icon--warning__body{width:5px;height:47px;top:10px;border-radius:2px;margin-left:-2px}.swal-icon--warning__body,.swal-icon--warning__dot{position:absolute;left:50%;background-color:#f8bb86}.swal-icon--warning__dot{width:7px;height:7px;border-radius:50%;margin-left:-4px;bottom:-11px}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}.swal-icon--success{border-color:#a5dc86}.swal-icon--success:after,.swal-icon--success:before{content:"";border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal-icon--success:before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal-icon--success:after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px;-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}.swal-icon--success__ring{width:80px;height:80px;border:4px solid hsla(98,55%,69%,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal-icon--success__hide-corners{width:5px;height:90px;background-color:#fff;padding:1px;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal-icon--success__line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal-icon--success__line--tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.swal-icon--success__line--long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}@-webkit-keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.swal-icon--info{border-color:#c9dae1}.swal-icon--info:before{width:5px;height:29px;bottom:17px;border-radius:2px;margin-left:-2px}.swal-icon--info:after,.swal-icon--info:before{content:"";position:absolute;left:50%;background-color:#c9dae1}.swal-icon--info:after{width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px}.swal-icon{width:80px;height:80px;border-width:4px;border-style:solid;border-radius:50%;padding:0;position:relative;box-sizing:content-box;margin:20px auto}.swal-icon:first-child{margin-top:32px}.swal-icon--custom{width:auto;height:auto;max-width:100%;border:none;border-radius:0}.swal-icon img{max-width:100%;max-height:100%}.swal-title{color:rgba(0,0,0,.65);font-weight:600;text-transform:none;position:relative;display:block;padding:13px 16px;font-size:27px;line-height:normal;text-align:center;margin-bottom:0}.swal-title:first-child{margin-top:26px}.swal-title:not(:first-child){padding-bottom:0}.swal-title:not(:last-child){margin-bottom:13px}.swal-text{font-size:16px;position:relative;float:none;line-height:normal;vertical-align:top;text-align:left;display:inline-block;margin:0;padding:0 10px;font-weight:400;color:rgba(0,0,0,.64);max-width:calc(100% - 20px);overflow-wrap:break-word;box-sizing:border-box}.swal-text:first-child{margin-top:45px}.swal-text:last-child{margin-bottom:45px}.swal-footer{text-align:right;padding-top:13px;margin-top:13px;padding:13px 16px;border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.swal-button-container{margin:5px;display:inline-block;position:relative}.swal-button{background-color:#7cd1f9;color:#fff;border:none;box-shadow:none;border-radius:5px;font-weight:600;font-size:14px;padding:10px 24px;margin:0;cursor:pointer}.swal-button:not([disabled]):hover{background-color:#78cbf2}.swal-button:active{background-color:#70bce0}.swal-button:focus{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(43,114,165,.29)}.swal-button[disabled]{opacity:.5;cursor:default}.swal-button::-moz-focus-inner{border:0}.swal-button--cancel{color:#555;background-color:#efefef}.swal-button--cancel:not([disabled]):hover{background-color:#e8e8e8}.swal-button--cancel:active{background-color:#d7d7d7}.swal-button--cancel:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(116,136,150,.29)}.swal-button--danger{background-color:#e64942}.swal-button--danger:not([disabled]):hover{background-color:#df4740}.swal-button--danger:active{background-color:#cf423b}.swal-button--danger:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(165,43,43,.29)}.swal-content{padding:0 20px;margin-top:20px;font-size:medium}.swal-content:last-child{margin-bottom:20px}.swal-content__input,.swal-content__textarea{-webkit-appearance:none;background-color:#fff;border:none;font-size:14px;display:block;box-sizing:border-box;width:100%;border:1px solid rgba(0,0,0,.14);padding:10px 13px;border-radius:2px;transition:border-color .2s}.swal-content__input:focus,.swal-content__textarea:focus{outline:none;border-color:#6db8ff}.swal-content__textarea{resize:vertical}.swal-button--loading{color:transparent}.swal-button--loading~.swal-button__loader{opacity:1}.swal-button__loader{position:absolute;height:auto;width:43px;z-index:2;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;pointer-events:none;opacity:0}.swal-button__loader div{display:inline-block;float:none;vertical-align:baseline;width:9px;height:9px;padding:0;border:none;margin:2px;opacity:.4;border-radius:7px;background-color:hsla(0,0%,100%,.9);transition:background .2s;-webkit-animation:swal-loading-anim 1s infinite;animation:swal-loading-anim 1s infinite}.swal-button__loader div:nth-child(3n+2){-webkit-animation-delay:.15s;animation-delay:.15s}.swal-button__loader div:nth-child(3n+3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}.swal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center;font-size:0;overflow-y:auto;background-color:rgba(0,0,0,.4);z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s}.swal-overlay:before{content:" ";display:inline-block;vertical-align:middle;height:100%}.swal-overlay--show-modal{opacity:1;pointer-events:auto}.swal-overlay--show-modal .swal-modal{opacity:1;pointer-events:auto;box-sizing:border-box;-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s;will-change:transform}.swal-modal{width:478px;opacity:0;pointer-events:none;background-color:#fff;text-align:center;border-radius:5px;position:static;margin:20px auto;display:inline-block;vertical-align:middle;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;z-index:10001;transition:opacity .2s,-webkit-transform .3s;transition:transform .3s,opacity .2s;transition:transform .3s,opacity .2s,-webkit-transform .3s}@media (max-width:500px){.swal-modal{width:calc(100% - 20px)}}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}
</style>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta charset="UTF-8">
<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" name="viewport">
<title>{+$webname+}</title>
<style data-styled-components="">
</style>
<style type="text/css">
body.stop-scrolling{height:100%;overflow:hidden}
.sweet-overlay{background-color:#000;background-color:rgba(0,0,0,.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}
.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}
@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}
}
.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}
.sweet-alert p{color:#797979;font-size:16px;text-align:center;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}
.sweet-alert fieldset{border:none;position:relative}
.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding .15s,max-height .15s;transition:padding .15s,max-height .15s}
.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding .2s,max-height .2s;transition:padding .25s,max-height .25s}
.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:3px}
.sweet-alert .sa-error-container p{display:inline-block}
.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;transform:scale(.5);transform-origin:50% 50%;transition:all .1s}
.sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}
.sweet-alert .sa-input-error::before{transform:rotate(-45deg)}
.sweet-alert .sa-input-error::after{transform:rotate(45deg)}
.sweet-alert .sa-input-error.show{opacity:1;transform:scale(1)}
.sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);padding:0 12px;display:none;transition:all .3s}
.sweet-alert input:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}
.sweet-alert input:focus::-moz-placeholder{transition:opacity .3s 30ms ease;opacity:.5}
.sweet-alert input:focus:-ms-input-placeholder{transition:opacity .3s 30ms ease;opacity:.5}
.sweet-alert input:focus::-webkit-input-placeholder{transition:opacity .3s 30ms ease;opacity:.5}
.sweet-alert input::-moz-placeholder{color:#bdbdbd}
.sweet-alert input:-ms-input-placeholder{color:#bdbdbd}
.sweet-alert input::-webkit-input-placeholder{color:#bdbdbd}
.sweet-alert.show-input input{display:block}
.sweet-alert .sa-confirm-button-container{display:inline-block;position:relative}
.sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:4px;opacity:0;visibility:hidden}
.sweet-alert button{background-color:#8cd4f5;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;border-radius:5px;padding:10px 32px;margin:26px 5px 0 5px;cursor:pointer}
.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}
.sweet-alert button:hover{background-color:#7ecff4}
.sweet-alert button:active{background-color:#5dc2f1}
.sweet-alert button.cancel{background-color:#c1c1c1}
.sweet-alert button.cancel:hover{background-color:#b9b9b9}
.sweet-alert button.cancel:active{background-color:#a8a8a8}
.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}
.sweet-alert button[disabled]{opacity:.6;cursor:default}
.sweet-alert button.confirm[disabled]{color:transparent}
.sweet-alert button.confirm[disabled]~.la-ball-fall{opacity:1;visibility:visible;transition-delay:0s}
.sweet-alert button::-moz-focus-inner{border:0}
.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}
.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}
.sweet-alert .sa-icon.sa-error{border-color:#f27474}
.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}
.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left{transform:rotate(45deg);left:17px}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right{transform:rotate(-45deg);right:16px}
.sweet-alert .sa-icon.sa-warning{border-color:#f8bb86}
.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;border-radius:2px;margin-left:-2px;background-color:#f8bb86}
.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#f8bb86}
.sweet-alert .sa-icon.sa-info{border-color:#c9dae1}
.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#c9dae1}
.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#c9dae1}
.sweet-alert .sa-icon.sa-success{border-color:#a5dc86}
.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';border-radius:40px;border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;transform:rotate(-45deg);transform-origin:60px 60px}
.sweet-alert .sa-icon.sa-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;transform:rotate(-45deg);transform-origin:0 60px}
.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}
.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;transform:rotate(-45deg)}
.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;transform:rotate(-45deg)}
.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}
@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}
45%{transform:scale(1.05);-webkit-transform:scale(1.05)}
80%{transform:scale(.95);-webkit-transform:scale(.95)}
100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}
100%{transform:scale(.5);-webkit-transform:scale(.5)}
}
@keyframes slideFromTop{0%{top:0}
100%{top:50%}
}
@keyframes slideToTop{0%{top:50%}
100%{top:0}
}
@keyframes slideFromBottom{0%{top:70%}
100%{top:50%}
}
@keyframes slideToBottom{0%{top:50%}
100%{top:70%}
}
.showSweetAlert[data-animation=pop]{animation:showSweetAlert .3s}
.showSweetAlert[data-animation=none]{animation:none}
.showSweetAlert[data-animation=slide-from-top]{animation:slideFromTop .3s}
.showSweetAlert[data-animation=slide-from-bottom]{animation:slideFromBottom .3s}
.hideSweetAlert[data-animation=pop]{animation:hideSweetAlert .2s}
.hideSweetAlert[data-animation=none]{animation:none}
.hideSweetAlert[data-animation=slide-from-top]{animation:slideToTop .4s}
.hideSweetAlert[data-animation=slide-from-bottom]{animation:slideToBottom .3s}
@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}
54%{width:0;left:1px;top:19px}
70%{width:50px;left:-8px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}
65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}
@keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}
100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}
}
.animateSuccessTip{animation:animateSuccessTip .75s}
.animateSuccessLong{animation:animateSuccessLong .75s}
.sa-icon.sa-success.animate::after{animation:rotatePlaceholder 4.25s ease-in}
@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}
100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}
}
.animateErrorIcon{animation:animateErrorIcon .5s}
@keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}
50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}
80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}
100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}
}
.animateXMark{animation:animateXMark .5s}
@keyframes pulseWarning{0%{border-color:#f8d486}
100%{border-color:#f8bb86}
}
.pulseWarning{animation:pulseWarning .75s infinite alternate}
@keyframes pulseWarningIns{0%{background-color:#f8d486}
100%{background-color:#f8bb86}
}
.pulseWarningIns{animation:pulseWarningIns .75s infinite alternate}
@keyframes rotate-loading{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */.la-ball-fall,.la-ball-fall>div{position:relative;box-sizing:border-box}
.la-ball-fall{display:block;font-size:0;color:#fff}
.la-ball-fall.la-dark{color:#333}
.la-ball-fall>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}
.la-ball-fall{width:54px;height:18px}
.la-ball-fall>div{width:10px;height:10px;margin:4px;border-radius:100%;opacity:0;animation:ball-fall 1s ease-in-out infinite}
.la-ball-fall>div:nth-child(1){animation-delay:-.2s}
.la-ball-fall>div:nth-child(2){animation-delay:-.1s}
.la-ball-fall>div:nth-child(3){animation-delay:0s}
.la-ball-fall.la-sm{width:26px;height:8px}
.la-ball-fall.la-sm>div{width:4px;height:4px;margin:2px}
.la-ball-fall.la-2x{width:108px;height:36px}
.la-ball-fall.la-2x>div{width:20px;height:20px;margin:8px}
.la-ball-fall.la-3x{width:162px;height:54px}
.la-ball-fall.la-3x>div{width:30px;height:30px;margin:12px}
@keyframes ball-fall{0%{opacity:0;transform:translateY(-145%)}
10%{opacity:.5}
20%{opacity:1;transform:translateY(0)}
80%{opacity:1;transform:translateY(0)}
90%{opacity:.5}
100%{opacity:0;transform:translateY(145%)}
}
.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.rc-slider-rail{position:absolute;width:100%;background-color:#e9e9e9;height:4px;border-radius:6px}
.rc-slider-track{position:absolute;left:0;height:4px;border-radius:6px;background-color:#abe2fb}
.rc-slider-handle{position:absolute;margin-left:-7px;margin-top:-5px;width:14px;height:14px;cursor:pointer;cursor:-webkit-grab;cursor:grab;border-radius:50%;border:solid 2px #96dbfa;background-color:#fff;-ms-touch-action:pan-x;touch-action:pan-x}
.rc-slider-handle:focus{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa;outline:0}
.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}
.rc-slider-handle:hover{border-color:#57c5f7}
.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}
.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}
.rc-slider-mark-text{position:absolute;display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;color:#999}
.rc-slider-mark-text-active{color:#666}
.rc-slider-step{position:absolute;width:100%;height:4px;background:0 0}
.rc-slider-dot{position:absolute;bottom:-2px;margin-left:-4px;width:8px;height:8px;border:2px solid #e9e9e9;background-color:#fff;cursor:pointer;border-radius:50%;vertical-align:middle}
.rc-slider-dot-active{border-color:#96dbfa}
.rc-slider-disabled{background-color:#e9e9e9}
.rc-slider-disabled .rc-slider-track{background-color:#ccc}
.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{border-color:#ccc;box-shadow:none;background-color:#fff;cursor:not-allowed}
.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}
.rc-slider-vertical{width:14px;height:100%;padding:0 5px}
.rc-slider-vertical .rc-slider-rail{height:100%;width:4px}
.rc-slider-vertical .rc-slider-track{left:5px;bottom:0;width:4px}
.rc-slider-vertical .rc-slider-handle{margin-left:-5px;margin-bottom:-7px;-ms-touch-action:pan-y;touch-action:pan-y}
.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}
.rc-slider-vertical .rc-slider-step{height:100%;width:4px}
.rc-slider-vertical .rc-slider-dot{left:2px;margin-bottom:-4px}
.rc-slider-vertical .rc-slider-dot:first-child{margin-bottom:-4px}
.rc-slider-vertical .rc-slider-dot:last-child{margin-bottom:-4px}
.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{animation-duration:.3s;animation-fill-mode:both;display:block!important;animation-play-state:paused}
.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-fill-mode:both;display:block!important;animation-play-state:paused}
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}
.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{transform:scale(0,0);animation-timing-function:cubic-bezier(.23,1,.32,1)}
.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;transform-origin:50% 100%;transform:scale(0,0)}
100%{transform-origin:50% 100%;transform:scale(1,1)}
}
@keyframes rcSliderTooltipZoomDownOut{0%{transform-origin:50% 100%;transform:scale(1,1)}
100%{opacity:0;transform-origin:50% 100%;transform:scale(0,0)}
}
.rc-slider-tooltip{position:absolute;left:-9999px;top:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.rc-slider-tooltip-hidden{display:none}
.rc-slider-tooltip-placement-top{padding:4px 0 8px 0}
.rc-slider-tooltip-inner{padding:6px 2px;min-width:24px;height:24px;font-size:12px;line-height:1;color:#fff;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}
.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}
.rc-swipeout-content{position:relative;background-color:#fff}
.rc-swipeout-cover{position:absolute;z-index:2;background:0 0;height:100%;width:100%;top:0;display:none}
.rc-swipeout .rc-swipeout-actions,.rc-swipeout .rc-swipeout-content{transition:all 250ms}
.rc-swipeout-swiping .rc-swipeout-content{transition:none}
.rc-swipeout-actions{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;overflow:hidden;white-space:nowrap}
.rc-swipeout-actions-left{left:0}
.rc-swipeout-actions-right{right:0}
.rc-swipeout-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden}
.rc-swipeout-btn-text{padding:0 12px}

</style>
<script language="javascript" src="/js/jquery-1.8.3.js"></script>
<script language="javascript" src="/js/md5.js"></script>
    

  <script language="javascript">
     if(top.location.href!=window.location.href){
         top.location.href=window.location.href;
      }
    $(document).ready(function() { 
      if (screen.width > 360 && !navigator.userAgent.match("UCBrowser") && navigator.userAgent.match("Android")) {
        //$('body').css("zoom","0.5")
      }


  $("#username").focus();
  $("#password").blur(function(){
  $("#pass").val(men_md5_password($("#password").val())); 
  });
 
    });
function changeimg(){
    $("#imgcode").attr("src","../imgcode.php?act=init&"+Math.random());
}

function checkform(){
    if($("#username").val()==''){
       alert("請輸入帳號");
     $("#username").focus();
     return false;
  }else if($("#password").val()==''){
       alert("請輸入密碼");
     $("#password").focus();
     return false;
  }else if($("#code").val()==''){
       alert("請輸入驗證碼");
     $("#code").focus();
     return false;
  }else{
    return true;
  }
}
  </script>
</head>
<body>
<div id="root">
  <div class="sc-77857z-0 gjfjUk">
    <div class="sc-77857z-1 jJIFrd">
      <div class="logo" style="background-image: url(&quot;undefined&quot;);">
      </div>
    </div>
    <form class="smaller sc-77857z-2 dlhSnq"  id='form' name="form" method="post" onsubmit="return checkform();" >
      <div class="login-wrapper">
        <div class="login-input">
          <div class="input-field">
            <label class="username">用户昵称</label><input id='username' name="username"  type="text"  placeholder="用户昵称" value="">
          </div>
          <div class="input-field">
            <label class="password">您的密码</label><input name="password" id='password' type="password" placeholder="您的密码" value=""><input type="hidden" name='pass' id='pass' value="" /><a class="showpassword">显示</a>
          </div>
          <div class="input-field">
            <label class="verify">验证码</label><input name="code" id="code" type="text" placeholder="验证码"><img src="../imgcode.php?act=init" class="verify-code" id="imgcode" onClick="changeimg()" />
          </div>
        </div>
        <button type="submit" class="btn outline">登录</button><input type="hidden" name="xtype" value="login" />
        <div class="footer-wrapper">
        </div>
      </div>
    </form>
    <div class="rough_lines" style="height: 6px;">
    </div>
    <div class="footer">
      <div class="footer-icon-wrapper">
        <ul>
          <li><a class="footer-btn" href="../agent">桌面版</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
<div id="modal">
</div>
<script type="text/javascript">
  

</script>
</body>
</html>